:root {
    --twikoo-white: #fff;
    --twikoo-fontcolor : #000;
    --twikoo-background: #fff;
    --twikoo-navbg     : rgba(255, 255, 255, 0.9);
    --twikoo-card-btn-bg       : #F7F7FA;
    --twikoo-post-blockquote-bg: #f2f5f7;
    --twikoo-sceondbg          : #F7F7FA;
}

:root.dark {
    --twikoo-fontcolor         : #fff;
    --twikoo-background        : #1e1e1e;
    --twikoo-card-btn-bg       : #3f3f3f;
    --twikoo-post-blockquote-bg: #000;
    --twikoo-sceondbg          : #252627;
}

/* 评论 */
/* ---------------------------------------------------------------- */

/* 填写项标题 */
.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--twikoo-sceondbg) !important;
    color           : var(--twikoo-fontcolor) !important;
    border          : 0px solid var(--primary) !important;
}

/* 输入框 */
.el-input__inner {
    background: var(--twikoo-post-blockquote-bg) !important;
    border    : 0px solid var(--primary) !important;
    color     : var(--twikoo-fontcolor) !important;
}

/* 评论输入框 */
.el-textarea__inner {
    background: var(--twikoo-post-blockquote-bg) !important;
    border    : 0px solid var(--primary) !important;
    color     : var(--twikoo-fontcolor) !important;
}

/* 加载时背景颜色 */
.el-loading-mask {
    background-color: var(--twikoo-background) !important;
}

/* 评论博主标签圆角 */
.tk-tag-green {
    border-radius: 12px !important;
    border       : 0px solid #e1f3d8 !important;
}

/* 预览按钮 */
.el-button {
    background: var(--twikoo-card-btn-bg) !important;
    border    : 0px solid var(--primary) !important;
    color     : var(--twikoo-fontcolor) !important;
}

.el-button:hover {
    background: var(--primary) !important;
    color     : var(--twikoo-white) !important;
}

/* 发送按钮正常状态 */
.el-button--primary {
    background-color: var(--primary) !important;
    border-color    : var(--primary) !important;
    color           : var(--twikoo-white) !important;
}

/* 发送按钮禁用状态 */
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    opacity: 0.4;
}

.tk-submit {
    margin-top: none;
}